<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js App" />

    <child></child>
    <child />
    <!-- 第三步 ：作为标签使用，单标签双标签都可以 -->
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";

import child from "../components/Child.vue";
//第一步引入子组件
// 注意在起名字的时候 要满足标识符的命名规范 特别要注意 不能是关键字和保留字
// header
// footer 等都 不能用

export default {
  name: "Home",
  components: {
    // HelloWorld,
    // HelloWorld: HelloWorld,
    // child: child,
    //当 在一个json对象中 key值和value值长的一样的时候的 就可以简写为一个单词
    child,
    HelloWorld,
  },

  //第二步：在components中注册子组件,components和data和methods在同一个位置
};
</script>
